#my {
  height: 100%;

  .top {
    @include flexbox();
    @include align-content(center);
    width: 100%;
    height: 1.3rem;
    padding: 0.29rem 0.13rem 0.18rem;
    background: url(image/mybac.png);
    background-size: 100%;

    .img {
      @include flexbox();

      img {
        margin: auto;
      }
    }

    .myInf {
      @include flex();

      h3 {
        font-size: 19px;
        font-weight: normal;
        margin-left: 15px;
        margin-top: -2px;
        color: rgb(64, 71, 82);

      }

      p {
        margin-left: 15px;
        font-size: 11px;
        margin-top: -2px;

        span {
          color: rgb(148, 151, 155);
        }
      }

      span.btn {
        display: inline-block;
        width: 1rem;
        height: 0.34rem;
        line-height: 0.34rem;
        font-size: 14px;
        margin-left: 0.13rem;
        color: #4ae49a;
      }
    }

    &>img {
      margin: auto;
    }
  }

  .mynav {
    .nav {
      height: 80px;
      @include flexbox();
      padding: 0px 15px;

      a {
        width: 100%;
        height: 100%;
        color: #528e75;
        font-weight: 600;
        display: flex;
        align-items: center;
        background: url(image/mynav.png) no-repeat center;
        background-size: 100%;
        font-size: 12px;
        img{
            margin: 0px 10px;
        }
      }
    }
  }

  .create_course {
    @include flexbox();
    width: 100%;
    height: 76px;
    background: rgba(246, 246, 246, 1);

    a {
      @include flexbox();
      margin: auto;
      width: 269px;
      height: 36px;
      line-height: 36px;
      background: rgba(229, 50, 45, 1);
      border-radius: 20px;
      color: #fff;

      span {
        @include flexbox();
        height: 100%;
        line-height: 36px;
        margin: auto;
        font-size: 14px;

        img {
          margin: auto;
          padding-right: 3px;
        }
      }
    }
  }

  .menu-list {
    height: auto;

    .menuList {
      padding: 0px 15px;

      li {
        height: 55px;
        line-height: 55px;

        &:nth-of-type(1) {
          align-items: center;

          a {
            height: 35px;
            width: 125px;
            border-radius: 18px;
            color: #f6c308;
            font-size: 12px;
            letter-spacing: 1px;
            background: linear-gradient(to bottom, #6c4e3c, #543c2e)
          }
          img {
            margin: 0px 8px;
          }
        }

        a {
          @include flexbox();
          align-items: center;

          h3 {
            @include flex();
            font-size: 13px;
            font-weight: 600;
            color: rgba(0, 0, 0, 0.6);
            margin-left: 10px;
          }

          
        }
      }

    }
  }
}
